<!DOCtype html>
<html>

<head>
    <meta charset="utf-8">
    <title>hello world</title>
    <meta name="author" content="joe">
    <link rel='stylesheet' type='text/css' href="./styles.css">
    <!-- <style type="text/css">
        body {
            background-color: yellow;
        }
        
        p {
            color: blue;
        }
    </style> -->
</head>

<body>
    <table border="1">
        <th>
            <td>列1</td>
            <td>列2</td>
        </th>
        <tr>
            <!--这是一行-->
            <td>(1,1)</td>
            <!--这是列-->
            <td>(1,2)</td>
        </tr>
        <tr>
            <td>(2,1)</td>
            <td>(2,2)</td>
        </tr>
    </table>

    <code class='language-234'>dajiw</code>
    <h1 style="text-align: center">hello world</h1>
    <hr/>
    <!--这是注释-->
    <p style="color: teal"><b>段落</b><ins>插入字</ins></p>
    <p><em>着重字体</em></p>
    <p><i>斜体</i><sup>上标</sup></p>
    <p><small>小号字体</small><sub>下标</sub></p>
    <p><samp><code>import sys</code><del>删除字</del></samp></p>
    <kbd>enter</kbd>
    <p><var>value</var></p>

    <a href="https://www.github.com/JoeEmp/" target="_blank" style="text-decoration: none">my github new tab</a>
    <p> <a href="https://www.github.com/JoeEmp/" target="_top" style="text-decoration: none">my github this tab</a> </p>
    <p>
        <a href="https://www.baidu.com/s?wd=产品经理" target="_blank" style="text-decoration: none"><img src="./img.jpg" width="400" height="307" alt="产品都是大佬" /></a>
    </p>

    <p>
        <a href="#c17">查看章节 17</a>
    </p>

    <h2>章节 1</h2>
    <p>这边显示该章节的内容……</p>

    <h2>章节 2</h2>
    <p>这边显示该章节的内容……</p>

    <h2>章节 3</h2>
    <p>这边显示该章节的内容……</p>

    <h2><a id="C4">章节 4</a></h2>
    <p>这边显示该章节的内容……</p>

    <h2>章节 5</h2>
    <p>这边显示该章节的内容……</p>

    <h2>章节 6</h2>
    <p>这边显示该章节的内容……</p>

    <h2>章节 7</h2>
    <p>这边显示该章节的内容……</p>

    <h2>章节 8</h2>
    <p>这边显示该章节的内容……</p>

    <h2>章节 9</h2>
    <p>这边显示该章节的内容……</p>

    <h2>章节 10</h2>
    <p>这边显示该章节的内容……</p>

    <h2>章节 11</h2>
    <p>这边显示该章节的内容……</p>

    <h2>章节 12</h2>
    <p>这边显示该章节的内容……</p>

    <h2>章节 13</h2>
    <p>这边显示该章节的内容……</p>

    <h2>章节 14</h2>
    <p>这边显示该章节的内容……</p>

    <h2>章节 15</h2>
    <p>这边显示该章节的内容……</p>

    <h2>章节 16</h2>
    <p>这边显示该章节的内容……</p>

    <h2 id='c17'>章节 17</h2>
    <p>这边显示该章节的内容……</p>
</body>

</html>